<template>
	<view>
		<image src="/static/imgs/tjyl.jpg" class="img" ></image>
		
		<view class="cont">
			<input type="text" placeholder="请输入推荐人" />
			
			<view class="btn">提交绑定</view>
			
			<view class="text">
				<view >温馨提示:</view>
				● 每位用户只能绑定一位推荐人，且绑定成功无法修改
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.img{
	width: 100%;
	height: 600rpx;
}
.cont{
	width: 690rpx;
	margin: auto;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
	margin-top: 36rpx;
	border-radius: 18rpx;
	font-size: 30rpx;
	color: #999;
	padding: 50rpx 40rpx;
	
	input{
		text-align: center;
		border: 1rpx solid #cccccc;
		padding: 20rpx;
		border-radius: 10rpx;
		height: 80rpx;
	}
	.btn{
		height: 80rpx;
		background-color: $main-color;
		font-size: 32rpx;
		text-align: center;
		line-height: 80rpx;
		color: #fff;
		border-radius: 10rpx;
		margin-top: 40rpx;
		
	}
	
	.text{
		margin-top: 60rpx;
		border-top: 1rpx dashed $main-color;
		padding-top: 50rpx;
		
		view{
			font-size: 32rpx;
			color: #666;
			margin-bottom: 10rpx;
		}
	}
}
</style>
